<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--<script type="text/javascript" src="js/list.js"></script>-->
    </head>
    <body>
 <div>HTML</div>
        
<p> no Conflict </p>        
<!--<script type="text/javascript">
var $jq = $.noConflict();  
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->
        
<p> UI button </p>   
<!--    <div class="ui basic button">Save</div>
      <div class="ui basic button">Delete</div>-->
        
<div>JS</div>   

<p> UI menu </p>  

<!--    $('.ui.menu .item')
      .on('click', (function() {
      
       $(this)
            .removeClass('active item')
            .removeClass('item')
            .addClass('header item')
            .closest('.ui.menu')
          ;
      }))
    ;-->

<p> Подсвечиваем последний добавленый таск </p>  

<!--$('li:last').addClass('highlight').delay(1000).queue(function(next){ $(this).removeClass('highlight'); next(); });-->

 <p> Фильтер по классу </p>
 
<!-- $('span').filter('.todo_status').css("background","blue");
 $('span:contains("asd")').css("text-decoration", "underline"); -->
 
 <p> Прячем li </p>
<!-- $('li').hide();-->
 
 <p> Фильтр по значению </p>
 
<!-- var array = $(".todo_text2").find("asd");
 array.css('background-color', 'silver');-->

<!--
var array = $(".todo_text2").filter(function(){
        if($('span:contains("asd")')) { return true;}
        else {return false;}
    });
    array.css('background-color', 'silver');-->
               

 <p> Сортировка </p>

<!--$( ".list" ).sortable({ disabled: false });
$( ".list" ).disableSelection();
$(".list").sortable({ handle:'li' });   
$(".list").sortable({ appendTo: ".list" });-->

<p>List.js </p>

    
<!--    * LOVELY THINGS
    

    var options = {
	    valueNames: [ 'todo_prioriter', 'todo_status' ]
    };

    var featureList = new List('wrapper', options);

    $('#filter-games').click(function() {
        featureList.filter(function(item) {
            if (item.values().todo_status == "13") {
                return true;
            } else {
                return false;
            }
            speckyboy.init.getTodo();
        });
        return false;
    });

    $('#filter-beverages').click(function() {
      $("div:contains('asd')").css("text-decoration", "underline");
    });
    $('#filter-none').click(function() {
//       featureList.filter();
//        return false;  
        speckyboy.init.getTodo();
        $("span:contains('asd')").css("text-decoration", "underline");
        
    });-->
      

        
    </body>
</html>
